/*
 * 全屏页面组件
 *
 * @传入参数
 * children: 插槽成员 --any
 * className: 自定义额外的css名
 *
 * @使用:
 *  按照插槽式使用即可，如需额外添加css，则在组件上绑定className即可。示例：
 *  <Pages className="Login"> ... </Pages>
 *
 * @作用:
 *  1. 方便统一全屏页面的公共属性控制
 *  2. 方便后续样式修改的一致性
 */
// ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
// 数据+css引入
import React from 'react'
import { PagesInf } from './interface'
import { Row } from 'antd';

// 页面书写区
// ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
const Pages: React.FC<PagesInf> = ({ children, className }) => {
  // dom元素区域
  // ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
  return <Row gutter={[16,24]} className={`pages ${className}`}>{children}</Row>
}

export default Pages
